@import "../../../../style/val.scss";
.invite_home {
	padding-top: 0.5rem;
	width: 100%;
	height: 100%;
	background: url("../../../../images/invite/bg.png") no-repeat;
	background-size: 100% 100%;
	box-sizing: border-box;
	.invite_box {
		position: relative;
		margin: 0 auto;
		width: 6.22rem;
		height: 9.9rem;
		background: url("../../../../images/invite/quan.png") no-repeat;
		background-size: 100% 100%;
		.invite_btn_box {
			position: absolute;
			top: 6.08rem;
			display: flex;
			flex-direction: column;
			width: 100%;
			align-items: center;
			.btn_now_invite {
				width: 4.46rem;
				height: 1.06rem;
				background: linear-gradient(180deg, #fdf7c2 0%, #fde44f 100%);
				box-shadow: 0rem 0.08rem 0.02rem 0rem #d91200;
				border-radius: 0.59rem;
				border: 0.02rem solid #e62413;
				position: relative;
				font-size: 0.48rem;
				font-family: PingFangSC-Semibold, PingFang SC;
				font-weight: 600;
				color: #ae3226;
				display: flex;
				justify-content: center;
				align-items: center;
				box-sizing: border-box;

				&::after {
					content: "";
					position: absolute;
					left: 0.04rem;
					right: 0.04rem;
					top: 0.04rem;
					bottom: 0.04rem;
					border-radius: 0.49rem;
					border: 0.02rem solid #e62413;
					box-sizing: border-box;
				}
			}
			.btn_qr_invite {
				width: 4.6rem;
				height: 1rem;
				margin-top: 0.44rem;
				border-radius: 0.53rem;
				border: 0.04rem solid #ffbc62;
				font-size: 0.4rem;
				font-family: PingFangSC-Semibold, PingFang SC;
				font-weight: 600;
				color: #ffd192;
				display: flex;
				justify-content: center;
				align-items: center;
				box-sizing: border-box;
			}
		}
	}
	.record {
		display: flex;
		justify-content: space-between;
		margin: 0.2rem 0.7rem 0 0.7rem;
		.btn {
			font-size: 0.3rem;
			font-family: PingFangSC-Semibold, PingFang SC;
			font-weight: 600;
			color: #ffffff;
			line-height: 0.42rem;
		}
	}
}
